<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户反馈 - 汇问</title>
    <link rel="stylesheet" href="../static/css/feedback.css">
    <script src="../static/js/vue.global.js"></script>
</head>
<body>
    <div class="nav" id="nav">
        <div class="logo">
            <img src="../static/image/logo.png" alt="logo">
            <p>汇问</p>
        </div>
        <div class="show">
            <svg t="1747704063142" class="fold-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23747" width="200" height="200"><path d="M109.632 673.664h519.68c25.152 0 45.568-22.016 45.568-48.896 0-26.88-20.416-48.896-45.568-48.896h-519.68c-25.216 0-45.632 22.016-45.632 48.896 0 26.88 20.48 48.896 45.632 48.896z m0-228.096h519.68c25.152 0 45.568-21.952 45.568-48.896 0-26.88-20.416-48.896-45.568-48.896h-519.68c-25.216 0-45.632 22.016-45.632 48.896 0 26.88 20.48 48.896 45.632 48.896z m3.264-219.904h795.776c26.88 0 50.56-20.352 51.328-47.168A48.896 48.896 0 0 0 911.104 128H115.328c-26.88 0-50.56 20.416-51.328 47.168a48.896 48.896 0 0 0 48.896 50.56z m619.776 447.232V348.672L960 510.784l-227.328 162.112c0 0.768 0 0.768 0 0z m178.432 122.944H115.328c-26.88 0-50.56 20.48-51.328 47.232a48.896 48.896 0 0 0 48.896 50.496h795.776c26.88 0 50.56-20.416 51.328-47.232a48.896 48.896 0 0 0-48.896-50.496z" p-id="23748" fill="#2c2c2c"></path></svg>
            <svg t="1747704178237" class="unfold-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23953" width="200" height="200"><path d="M911.35999999 668.16l-510.46399999 0c-24.57599999 0-45.056-21.504-45.056-48.12799999s19.968-48.128 45.056-48.12800001L911.35999999 571.904c24.57599999 0 45.056 21.504 45.05600001 48.128s-20.47999999 48.128-45.05600001 48.128z m1e-8-224.256l-510.464 0c-24.57599999 0-45.056-21.504-45.056-48.128s19.968-48.128 45.056-48.128L911.36 347.648c24.57599999 0 45.056 21.504 45.056 48.128s-20.47999999 48.128-45.056 48.128z m-3.584-216.064l-783.872 0c-26.624 0-48.128-21.504-48.128-48.128s21.504-48.128 48.128-48.128l783.872 0c26.624 0 48.128 21.504 48.128 48.128s-21.504 48.128-48.128 48.128zM75.77599999 348.16l224.25600001 160.256-224.256 160.256L75.77599999 348.16z m48.12800001 439.808l783.872 0c26.624 0 48.128 21.504 48.128 48.128s-21.504 48.128-48.128 48.128l-783.872 0c-26.624 0-48.128-21.504-48.128-48.128s22.016-48.128 48.128-48.128z" fill="#2c2c2c" p-id="23954"></path></svg>
        </div>
        <div class="content">
            <div class="search">
                <svg t="1747535112502" class="search-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10858" width="200" height="200"><path d="M94.28134 596.789688a400.282438 400.282438 0 0 0 101.23928 170.062882 399.600002 399.600002 0 0 0 127.683648 86.055094c49.442439 21.087251 102.638272 31.835608 156.380054 31.596756 53.571173 0.102365 106.630519-10.645991 155.936471-31.596756a405.912529 405.912529 0 0 0 127.683649-86.055094 399.736489 399.736489 0 0 0 86.089215-127.71777c21.05313-49.408317 31.801486-102.638272 31.596756-156.380054a400.043585 400.043585 0 0 0-31.153173-156.380054 405.980773 405.980773 0 0 0-86.089215-127.683648 399.600002 399.600002 0 0 0-127.683649-86.055094 394.788833 394.788833 0 0 0-156.380054-31.596756 400.418925 400.418925 0 0 0-156.380054 31.596756 407.106791 407.106791 0 0 0-127.683648 86.055094 399.600002 399.600002 0 0 0-86.089216 127.683648 394.891199 394.891199 0 0 0-31.596755 156.380054c0 19.722381 1.398992 39.342396 4.26522 58.72356h19.108189l72.747606-123.043089a26.922073 26.922073 0 0 1 12.625053-12.625053 24.73828 24.73828 0 0 1 28.59404 5.118265l0.443583 0.545948c2.729741 2.797985 4.811169 6.141918 6.073674 9.758825l70.7003 167.606115 111.544053-386.258392a28.457553 28.457553 0 0 1 17.675075-18.596362c13.751072-4.43583 28.457553 3.753394 32.586286 18.391631l98.202443 339.340964h111.10047c2.183793 0 4.401708 0.307096 6.517258 0.887166 8.974024-17.060883 25.932542-28.559918 45.689044-28.559918 28.798771 0 52.206302 24.670037 52.206302 55.209017 0 30.538981-23.305166 55.209017-52.206302 55.209018-19.756503 0-36.71502-11.499035-45.689044-28.525797a22.349757 22.349757 0 0 1-6.517258 0.989531h-130.583998c-12.761541 0-23.202801-9.417607-25.591325-22.145026l-78.138844-270.073778-107.176467 370.425892a25.830177 25.830177 0 0 1-31.903852 18.493997 26.614978 26.614978 0 0 1-17.436222-15.627768l-79.298984-188.079175-55.550236 93.937222a25.727812 25.727812 0 0 1-23.066313 12.966271h-20.47306z m918.89916 372.50732a32.07446 32.07446 0 0 1-45.654923 45.177219l-172.110188-172.14431a476.442219 476.442219 0 0 1-315.831067 119.153207C214.901783 961.483124 0.173509 746.857215 0.173509 482.174676 0.173509 217.492137 214.799418 2.661498 479.584322 2.661498c264.819026 0 479.5473 214.728274 479.5473 479.513178a476.612828 476.612828 0 0 1-118.095432 314.875657l172.14431 172.246675z" fill="#1684FC" p-id="10859"></path></svg>
                <a href="/search">AI智能搜索</a>
            </div>
            <div class="classify">
                <svg t="1747535745260" class="classify-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30114" width="200" height="200"><path d="M761.978355 509.439688c-46.817282 0-90.831728-18.231223-123.93466-51.334155l-61.620429-61.624523c-33.106002-33.102932-51.337225-77.116355-51.337225-123.932614s18.231223-90.831728 51.338249-123.93773l61.619406-61.619406c33.103956-33.103956 77.117378-51.335179 123.93466-51.335179s90.832751 18.231223 123.935684 51.335179l61.618383 61.619406c33.107025 33.106002 51.338249 77.121472 51.338249 123.93773s-18.231223 90.829681-51.338249 123.933637l-61.618383 61.623499C852.811106 491.208465 808.795637 509.439688 761.978355 509.439688zM761.978355 72.495104c-36.977169 0-71.739904 14.398942-97.886401 40.545438l-61.619406 61.619406c-26.14752 26.14752-40.547485 60.912301-40.547485 97.888448 0 36.975123 14.399965 71.737858 40.547485 97.883331l61.620429 61.625546c26.145473 26.14445 60.908208 40.544415 97.885378 40.544415 36.978193 0 71.739904-14.398942 97.886401-40.544415l61.618383-61.623499c26.148543-26.146497 40.548508-60.909232 40.548508-97.884354 0-36.976146-14.399965-71.739904-40.547485-97.888448l-61.619406-61.619406C833.718259 86.895069 798.956547 72.495104 761.978355 72.495104z" fill="#1684FC" p-id="30115"></path><path d="M289.508673 491.393683l-87.143733 0c-96.644107 0-175.270862-78.625732-175.270862-175.270862l0-87.148849c0-96.644107 78.625732-175.270862 175.270862-175.270862l87.143733 0c96.645131 0 175.270862 78.625732 175.270862 175.270862l0 87.148849C464.779535 412.766928 386.153804 491.393683 289.508673 491.393683zM202.364941 90.542132c-76.331479 0-138.431839 62.10036-138.431839 138.431839l0 87.148849c0 76.331479 62.10036 138.431839 138.431839 138.431839l87.143733 0c76.331479 0 138.431839-62.10036 138.431839-138.431839l0-87.148849c0-76.331479-62.10036-138.431839-138.431839-138.431839L202.364941 90.542132z" fill="#1684FC" p-id="30116"></path><path d="M805.549709 996.451574l-87.142709 0c-96.644107 0-175.270862-78.625732-175.270862-175.269839l0-87.148849c0-96.644107 78.626755-175.269839 175.270862-175.269839l87.142709 0c96.644107 0 175.270862 78.625732 175.270862 175.269839l0 87.148849C980.820572 917.825842 902.193817 996.451574 805.549709 996.451574zM718.407 595.601046c-76.332503 0-138.431839 62.10036-138.431839 138.430816l0 87.148849c0 76.331479 62.10036 138.430816 138.431839 138.430816l87.142709 0c76.332503 0 138.431839-62.10036 138.431839-138.430816l0-87.148849c0-76.331479-62.10036-138.430816-138.431839-138.430816L718.407 595.601046z" fill="#1684FC" p-id="30117"></path><path d="M289.508673 996.451574l-87.143733 0c-96.644107 0-175.270862-78.625732-175.270862-175.269839l0-87.148849c0-96.644107 78.625732-175.269839 175.270862-175.269839l87.143733 0c96.645131 0 175.270862 78.625732 175.270862 175.269839l0 87.148849C464.779535 917.825842 386.153804 996.451574 289.508673 996.451574zM202.364941 595.601046c-76.331479 0-138.431839 62.10036-138.431839 138.430816l0 87.148849c0 76.331479 62.10036 138.430816 138.431839 138.430816l87.143733 0c76.331479 0 138.431839-62.10036 138.431839-138.430816l0-87.148849c0-76.331479-62.10036-138.430816-138.431839-138.430816L202.364941 595.601046z" fill="#1684FC" p-id="30118"></path></svg>
                <a href="/classification">AI工具分类</a>
            </div>
            <div class="workbench">
                <svg t="1750643084828" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13474" width="200" height="200"><path d="M755.2 837.6H272.9c-12.7 0-23.1 12-23.1 26.7s10.4 26.7 23.1 26.7h482.4c12.7 0 23.1-12 23.1-26.7s-10.4-26.7-23.2-26.7zM867.1 135.6H156.9c-25.3 0-45.9 20.5-45.9 45.9v516.4c0 25.3 20.5 45.9 45.9 45.9h710.3c25.3 0 45.9-20.5 45.9-45.9V181.5c-0.1-25.4-20.6-45.9-46-45.9z m-64.8 203.5L604 512.1c-16.3 14.3-40 16.8-59 6.3l-129.5-71.9c-3.2-1.8-7.3-1.2-9.8 1.5L280.1 580.5c-5.9 6.2-14.2 9.7-22.7 9.7-8.2 0-15.9-3.1-21.7-8.8-12.5-12-12.9-31.9-0.9-44.4l135.9-143.4c16.2-16.9 41.9-20.8 62.3-9.4l130.6 72.6c3 1.7 6.7 1.3 9.3-1l188.1-164c6.3-5.5 14.3-8.3 22.8-7.7 8.4 0.6 16 4.4 21.5 10.7 5.5 6.3 8.2 14.4 7.7 22.7-0.5 8.4-4.3 16.1-10.7 21.6z" fill="#3259CE" p-id="13475"></path></svg>
                <a href="/workbench">AI工作台</a>
            </div>
            <div class="feedback">
                <svg t="1747535745260" class="feedback-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30114" width="200" height="200"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z" fill="#1684FC" p-id="30115"></path></svg>
                <a href="/feedback">用户反馈</a>
            </div>
        </div>
        <div class="manage">
            <label>
                <svg t="1747738786839" class="manage-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15431" width="200" height="200"><path d="M510 425.1c-49.6 0-89.7 39.6-89.7 88.3 0 48.8 40.1 88.3 89.7 88.3 49.5 0 89.7-39.5 89.7-88.3 0-48.7-40.1-88.3-89.7-88.3z m313.8 423.3l25.3-24.9c28-27.6 28-72.3 0-99.9l-43.8-43.1c14.1-24.2 25.2-50.1 32.9-77.6h47.3c39.6 0 71.8-31.6 71.8-70.6V497c0-39-32.2-70.7-71.8-70.7h-46.8c-7.4-27.1-18-53-31.8-77l42.1-41.4c28-27.7 28-72.4 0-99.9l-25.3-25c-28-27.6-73.5-27.6-101.5 0L681 223.4c-25.2-14.5-52.5-25.7-81.3-33.5v-47.5c0-39-32.1-70.6-71.7-70.6h-35.9c-39.6 0-71.7 31.6-71.7 70.6V190c-28.8 7.8-56.1 19-81.3 33.5l-41.3-40.6c-28-27.6-73.5-27.6-101.5 0l-25.4 25c-28 27.5-28 72.3 0 99.9l42.1 41.4c-13.7 24-24.4 49.9-31.7 77h-46.8c-39.7 0-71.8 31.7-71.8 70.7v35.4c0 39 32.1 70.6 71.7 70.6h47.3c7.7 27.5 18.8 53.4 32.9 77.6l-43.8 43.1c-28 27.6-28 72.3 0 99.9l25.4 24.9c28 27.6 73.5 27.6 101.5 0l44-43.4c24.5 13.7 50.8 24.4 78.6 31.8v45.3c0 39 32.1 70.6 71.7 70.6h35.9c39.6 0 71.7-31.6 71.7-70.6v-45.3c27.8-7.4 54.1-18.1 78.5-31.8l44.1 43.4c28.1 27.6 73.6 27.6 101.6 0zM510 709.9c-109 0-197.3-87-197.3-194.2 0-107.4 88.4-194.3 197.3-194.3 109 0 197.3 86.9 197.3 194.3 0.1 107.2-88.3 194.2-197.3 194.2z" p-id="15432"></path></svg>
                <a href="#">系统管理</a>
            </label>
        </div>
        <div class="exit">
            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
                <path d="M778.666667 202.666667H384v-64h458.666667v746.666666H384v-64h394.666667V202.666667z" fill="#d81e06"></path>
                <path d="M85.333333 522.496L362.752 682.666667v-97.706667h243.285333v-128H362.752V362.325333L85.333333 522.496z" fill="#d81e06"></path>
            </svg>
            <p>退出登录</p>
        </div>
    </div>

    <div class="main-content" id="app">
        <div class="header">
            <h1>用户反馈</h1>
            <p>您的反馈是我们改进的动力</p>
        </div>

        <div class="feedback-container">
            <div class="feedback-form">
                <h2>提交反馈</h2>
                <form @submit.prevent="submitFeedback">
                    <div class="form-group">
                        <label for="feedback-type">反馈类型</label>
                        <select id="feedback-type" v-model="feedbackForm.type" required>
                            <option value="">请选择反馈类型</option>
                            <option value="bug">问题反馈</option>
                            <option value="feature">功能建议</option>
                            <option value="improvement">改进建议</option>
                            <option value="other">其他</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="feedback-title">标题</label>
                        <input type="text" id="feedback-title" v-model="feedbackForm.title"
                               placeholder="请简要描述您的反馈" required>
                    </div>

                    <div class="form-group">
                        <label for="feedback-content">详细内容</label>
                        <textarea id="feedback-content" v-model="feedbackForm.content"
                                  placeholder="请详细描述您的反馈内容..." rows="6" required></textarea>
                    </div>

                    <div class="form-actions">
                        <button type="submit" class="submit-btn" :disabled="submitting">
                            <span v-if="submitting">提交中...</span><span v-else>提交反馈</span>
                        </button>
                    </div>
                </form>
            </div>

            <div class="feedback-history">
                <h2>我的反馈历史</h2>
                <div class="history-list">
                    <div v-if="feedbackHistory.length === 0" class="empty-state">
                        <p>暂无反馈记录</p>
                    </div>
                    <div v-for="feedback in feedbackHistory" :key="feedback.id" class="feedback-item">
                        <div class="feedback-header">
                            <h3>[[ feedback.title ]]</h3>
                            <span class="feedback-type" :class="feedback.type">[[ getTypeLabel(feedback.type) ]]</span>
                        </div>
                        <div class="feedback-content">
                            <p>[[ feedback.content ]]</p>
                        </div>
                        <div class="feedback-footer">
                            <span class="feedback-date">[[ formatDate(feedback.created_at) ]]</span>
                            <span class="feedback-status" :class="feedback.status">[[ getStatusLabel(feedback.status) ]]</span>
                        </div>
                        <div v-if="feedback.admin_response" class="admin-response">
                            <h4>管理员回复:</h4>
                            <p>[[ feedback.admin_response ]]</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <script src="../static/js/feedback.js"></script>
</body>
</html>